<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        svg{
            border:1px solid red;
        }
    </style>
</head>

<body>
    <!--  viewBox="0 0 22.1 22.1" -->
    <svg class="svg-sounds" viewBox="0 0 22.1 22.1" width="220" height="220">
        <polygon fill="#DAD3DE" points="11.6,3.5 6.5,8.1 2.5,8.1 2.5,14.1 6.5,14.1 11.6,18.8 " />
        <path fill="#DAD3DE"
            d="M13.2,17c2,0,3.6-2.7,3.6-5.9c0-3.2-1.7-5.9-3.6-5.9V3.5 c3,0,5.4,3.4,5.4,7.6c0,4.3-2.4,7.6-5.4,7.6V17z" />
        
        <!-- <path fill="#DAD3DE" d="M13.2,14c1.1,0,1.9-1.3,1.9-2.9c0-1.6-0.9-2.9-1.9-2.9V14z" /> -->
        <line fill="none" stroke="#DAD3DE" stroke-width="1.5" x1="0.5" y1="0.5" x2="21.5" y2="21.5" />
    </svg>
</body>

</html>